<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>

    <!-- 匹配带有 v-cloak 属性的标签  -->
    [v-cloak] {
      display: none;
    }
  </style>
</head>
<body>
<div id="app">
  <h1 v-cloak>{{message}}</h1>
</div>

<script>
  // 在vue解析之前, div中有一个属性v-cloak
  // 在vue解析之后, div中没有一个属性v-cloak
  setTimeout(function () {
    const app = new Vue({
      el: '#app',
      data: {
        message: '你好Vue3!'
      }
    })
  }, 1000)
</script>
</body>
</html>